<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <!-- 想安全，用加密，原来的加密：MD5 -->
    <form action="https://www.baidu.com" method="post" name="form1">
        <!-- 1、单行文本输入框 -->
         用户名：<input 
                    type="text" 
                    value="齐天大圣" 
                    maxlength="6" 
                    name="userName" 
                    size="50">
        <br>
        <!-- 2、密码框 -->
        密码：<input type="password"> <br>
        <!-- 3、单选框（单选按钮） -->
        男：<input type="radio" name="gender" checked> 
        女：<input type="radio" name="gender"> <br>
        <!-- 4、多选框（复选框） -->
        爱好： 唱歌<input type="checkbox" checked>跳舞<input type="checkbox"><br>
        <!-- 5、文件域 -->
        上传头像：<input type="file"><br>
        <!-- 8、普通按钮 -->
        <input type="button" value="点我出去"> 
        
        <!-- 6、提交按钮 -->
         <input type="submit" value="立即注册">
         <!--7、重置按钮  -->
         <input type="reset" value="重新填写"><br>
         <!-- 9、图片按钮 -->
         <input type="image" src="../img/headImg.jpg" width="100"><br>
         <!-- 10、文本域，多行文本输入框 -->
        请留言：<textarea cols="50" rows="10" style="resize: none;"></textarea><br>
        <!-- 11、下拉菜单 -->
        出生地选择：
        <select name="" id="">
            <option value="北京">北京</option>
            <option>哈尔滨</option>
            <option selected>沈阳</option>
            <option>吉林</option>
            <option>深圳</option>
        </select>
        <br>
        <!-- 12、label标签 -->
        <label for="man">男：</label>
        <input type="radio" id="man" name="gen"> <br>

        <label for="woman">女</label>
        <input type="radio" id="woman" name="gen"> <br>

        <label for="nc">昵称</label>
        <input type="text" id="nc"> <br>

    </form>
</body>
</html>